<template>
  <div class="write">
    <div class="w_Top">

      <dl class="w_TopMain">
        <dt>
          <ul>
            <li @click="$router.go(-1)">
              <svg t="1654047655524" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6612" width="200" height="200"><path d="M803.342997 87.013896a47.908827 47.908827 0 0 0 0-70.993102A61.421574 61.421574 0 0 0 723.904429 13.256823l-3.173448 2.763971L241.23323 470.949915l-2.405678 1.842647c-1.637909 1.228431-3.173448 2.559232-4.606618 3.941218-20.013196 18.938319-20.985704 48.113566-2.86634 68.075577l2.815155 2.917525 484.820954 459.945216c22.521244 21.343997 60.090773 21.343997 82.612016 0 20.013196-18.938319 20.985704-48.113566 2.86634-68.075577l-2.86634-2.968709-446.893132-423.911227L803.342997 87.013896z" p-id="6613"></path></svg>
            </li>
            <!-- <li>
              <svg t="1654047021006" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5779" width="200" height="200"><path d="M513.698909 93.090909a58.181818 58.181818 0 0 1 58.181818 58.181818l-0.023272 306.711273H896a58.181818 58.181818 0 0 1 0 116.363636H571.857455V896a58.181818 58.181818 0 1 1-116.363637 0V574.347636H151.272727a58.181818 58.181818 0 1 1 0-116.363636h304.221091V151.272727a58.181818 58.181818 0 0 1 58.181818-58.181818z" p-id="5780" fill="#383b4a"></path></svg>
            </li> -->
          </ul>
        </dt>
        <dd>

          <div class="txImg" @click="tz('/u_center/u_manage')">
            <img :src="myInfo.avatar" alt="">
          </div>

          <ul>
            <li>
              <span>
                保存
              </span>
            </li>
            <li>
              <span>
                分享
              </span>
            </li>
            <li>
              <span>
                导出
              </span>
            </li>
          </ul>

        </dd>
      </dl>

    </div>
    <div class="w_Left" :style="{'height':(winHei-50)+'px'}">

      <div class="w_Left_L">
          <ul>
            <li @click="resize_btn">
              <div class="tu">
                <img src="@/assets/img/write/sucai_o.png" alt="">
              </div>
              <div class="txt">
                <span>
                  素材
                </span>
              </div>
            </li>
          </ul>
      </div>
      <div :style="{'width':r_con_wid+'px'}" class="w_Left_R">

          <div v-show="is_w_Left_R" class="w_Left_R_Main">
            <ul class="w_Left_R_Main_ul">


              <li>

                <div class="sucai">
                    <dl class="search">
                      <dt>
                        <input v-model="searchText" type="text" placeholder="输入想写的主题">
                      </dt>
                      <dd @click="searchListFn">
                        <img src="@/assets/img/write/searBtn.svg" alt="">
                      </dd>
                    </dl>
                </div>


                <div class="sucaiBot">
                  <div v-show="searchText.length==0" class="sucaiBotMain">

                  <div v-show="!is_show_hot_con">
                    <div class="t">

                      <ul class="cate">
                        <li @click="cateBtn(hotCateIdx)" :class="{'cateAc':hotCateIndex==hotCateIdx}" v-for="(hotCateIt,hotCateIdx) in hotCate" :key="'hotCateIt_0'+hotCateIdx">
                          <span>
                            {{hotCateIt}}
                          </span>
                        </li>
                      </ul>
                      <dl class="cateTime">
                        <dt>
                          时间：
                        </dt>
                        <dd>
                          <div @click="hotTimeBtn(hotTimeIdx)" :class="{'hotTimeAc':hotTimeIdx==hotTimeIndex}" v-for="(hotTimeIt,hotTimeIdx) in hotTime"><span>{{hotTimeIt.txt}}</span></div>
                        </dd>
                      </dl>
                    </div>
                    <div :style="{'height':(winHei-50-101-70)+'px'}" class="hot_b">

                      <ul class="fir_hot_ul">
                        <li @click="hotConReq(hotListIt.url)" v-for="(hotListIt,hotListIdx) in hotListArr" :key="'hotListIt_0'+hotListIdx">
                          <div class="left">
                            <div :class="{'dot_00':hotListIdx==0,'dot_01':hotListIdx==1,'dot_02':hotListIdx==2}" class="dot">
                              {{hotListIdx+1}}
                            </div>
                            <div class="tit">
                              <span>
                                {{sliceStr(hotListIt.title)}}
                              </span>
                            </div>
                          </div>
                          <div class="right">
                            <span>
                              {{hotListIt.releaseTime}}
                            </span>
                          </div>
                        </li>
                      </ul>


                    </div>

                   </div>

                   <dl :style="{'height':(winHei-50-101-30)+'px'}" class="hot_con" v-show="is_show_hot_con">
                       <dt>
                         <div @click="go_hot_back" class="fhBtn">
                            <div class="t">
                              <svg t="1655091944714" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4390" width="200" height="200"><path d="M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z" p-id="4391"></path></svg>
                            </div>
                            <div class="txt">
                              返回
                            </div>
                         </div>

                         <ul>
                           <li @click="setWordCon">
                             <span>
                                引用全文
                             </span>
                           </li>
                         </ul>

                       </dt>
                       <dd>
                         <div class="tit">
                           {{hotConObj['title']}}
                         </div>
                         <div class="con">
                           <div v-html="hotConObj['content']"></div>
                         </div>
                       </dd>

                   </dl>

                  </div>

                  <div v-show="searchText.length!==0" class="sucaiBotMain">

                   <div v-show="!is_show_search_con">
                    <div class="sucaiSearch s_top">

                      <dl class="sear_Time">
                        <dt>
                          时间：
                        </dt>
                        <dd>
                          <div @click="searchTimeBtn(searchTimeIdx)" :class="{'hotTimeAc':searchTimeIdx==searchTimeIndex}" v-for="(searchTimeIt,searchTimeIdx) in searchTime"><span>{{searchTimeIt.txt}}</span></div>
                        </dd>
                      </dl>

                      <dl class="sear_Px">
                        <dt>
                          排序：
                        </dt>
                        <dd>
                          <div @click="searchPxBtn(searchPxIdx+1)" :class="{'hotTimeAc':(searchPxIdx+1)==searchPxIndex}" v-for="(searchPxIt,searchPxIdx) in searchPx"><span>{{searchPxIt.txt}}</span></div>
                        </dd>
                      </dl>

                    </div>

                    <div :style="{'height':(winHei-50-101-35)+'px'}" class="s_bot">
                      <ul class="fir_zx_News_ul">
                        <li @click="searchConReq(searchListIt.url)" v-for="(searchListIt,searchListIdx) in searchList" :key="'searchListIt_0'+searchListIdx">
                          <div class="topTitle">

                            <div class="tit">
                              <span>
                                {{sliceStr(searchListIt.title)}}
                              </span>
                            </div>
                          </div>

                          <div class="txtCon">
                            <span>
                             {{searchListIt.summary}}
                            </span>
                          </div>

                          <dl class="txtBot">
                            <dt>
                              {{searchListIt.source}}
                            </dt>
                            <dd>
                               {{searchListIt.ptime}}
                            </dd>
                          </dl>

                        </li>
                      </ul>

                    </div>

                   </div>

                    <div class="sucaiSearchCon" v-show="is_show_search_con">

                      <div>
                        <dl :style="{'height':(winHei-50-101-30)+'px'}" class="hot_con">
                            <dt>
                              <div @click="go_search_back" class="fhBtn">
                                 <div class="t">
                                   <svg t="1655091944714" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4390" width="200" height="200"><path d="M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z" p-id="4391"></path></svg>
                                 </div>
                                 <div class="txt">
                                   返回
                                 </div>
                              </div>
                              <ul>
                                <li @click="setWordCon">
                                  <span>
                                     引用全文
                                  </span>
                                </li>
                              </ul>
                            </dt>
                            <dd>
                              <div class="tit">
                                {{searchConObj['title']}}
                              </div>
                              <div class="con">
                                <div v-html="searchConObj['content']"></div>
                              </div>
                            </dd>

                        </dl>

                      </div>

                    </div>


                  </div>


                </div>

              </li>



            </ul>


          </div>

      </div>
      <div @click="resize_btn" class="resize-btn" :class="{'xzBtn':is_w_Left_R}">
        <svg t="1655091944714" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4390" width="200" height="200"><path d="M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z" p-id="4391"></path></svg>
      </div>
    </div>
    <div :style="{'height':(winHei-50)+'px','left':(70+r_con_wid)+'px','width':(winWid-70-r_con_wid-(r_Left_wid==0?430:0))+'px'}" class="w_Right">

      <div class="w_RightMain">
         <div class="w_RightMain_container">
          <div id="doc-app">
                          <div class="doc_app_top">
                             <div class="toolbar"></div>
                             <dl class="import">
                                <dt>导入文章</dt>
                             </dl>
                          </div>

                          <div class="box">
                              <div class="tit"><input v-model="word_title" type="text" placeholder="无标题" /></div>
                              <div @change="w_ChangeFn" v-html="content" class="doc-cnt" id="tinydemo-doc"></div>
                          </div>

                      </div>

         </div>
      </div>

    </div>

    <div class="w_mask">

      <div class="w_pop">

        <div class="t">
          请于PC端登录Get写手官网<br/>体验更多功能
        </div>
        <div class="m">
         {{myHost}}
        </div>
        <div v-clipboard:copy="myHost" v-clipboard:success="onCopy" v-clipboard:error="onError" class="b">
          复制网址
        </div>

      </div>

    </div>

    <div class="mbNavBg">
      <div class="mbNav">
        <div @click="tz('/')" class="logo">
          <img src="@/assets/img/ins_logo.svg" alt="">
        </div>
        <div @click="mbNavBtnFn" class="mb_btn">
          <img v-show="!is_ShowMbNav" src="../assets/img/mb/closeMenu.png" >
          <img v-show="is_ShowMbNav" src="../assets/img/mb/openMenu.png" >
        </div>
      </div>

      <div v-show="is_ShowMbNav" class="mbNavBotBg">
      	<ul>
              <li @click="mb_tzFn(mb_btnIt.path)" :class="{'mbNavAc':R_path==mb_btnIt.path}" v-for="(mb_btnIt,mb_btnIdx) in btnTagArr" :key="'mb_btnIt_0'+mb_btnIdx"><span>{{mb_btnIt.name}}</span></li>
      	</ul>

      	<dl class="mb_uInfo">
          <div v-show="!myInfo.is_loginEd" @click="showAccountPop" class="log_reg">
            <span>登录</span>&nbsp;/&nbsp;<span>注册</span>
          </div>

      		 <dt v-show="myInfo.is_loginEd" @click="tz('/u_center/u_manage')">
             <div class="tu">
                 <img :src="myInfo.avatar" >
               </div>
               <span>
                 {{dotNickFn(myInfo.nickname)}}
               </span>

           </dt>
      	</dl>
      </div>

    </div>

    <ul class="w_fixed">


      <li>
        <img src="@/assets/img/write/c_word.jpg" alt="">
        <span>
          智能改写
        </span>
      </li>
      <li @click="intel_correct">
        <img src="@/assets/img/write/err_word.jpg" alt="">
        <span>
          智能纠错
        </span>
      </li>
      <li>
        <img src="@/assets/img/write/z_word.jpg" alt="">
        <span>
          智能摘要
        </span>
      </li>
    </ul>

    <div :style="{'height':(winHei-50)+'px','right':-r_Left_wid+'px'}" class="mainR">
    	<div class="L">
    		<!-- <div v-if="getALL_WORDLen===0" class="LCon"> -->
    		<div v-if="getALL_WORDLen==0" class="LCon">
    			<img src="@/assets/img/write/noData.png" >
    			<span>
    				没有可以被审核的内容
    			</span>
    			<div>
    				请您先输入文章，之后系统才可对您的文章进行审核
    			</div>
    		</div>

    		<div v-else class="LCon_00">
    			<div class="LCon_TopBg">
    				<h3>
    					{{curTabText}}
    				</h3>
    				<ul>
    					<li @click="allIgnoreFn">全部忽略</li>
    					<li v-show="curTabStr!=='CENSOR_POLITICS'" @click="allAdoptFn">全部采纳</li>
    				</ul>
    			</div>

    			<div :style="{'height':(winHei-161)+'px'}" class="LCon_BotBg">

    				<ul class="LCon_Bot">
    					<li v-show="curTabStr=='ALL_WORD'||curTabStr=='CORRECTION_WORD'" v-for="(wordIt,wordIdx) in loginInfo['CORRECTION_WORD']" :key="'wordIt_'+wordIdx">
    						<div class="Le">
    							<h5>
    								疑似别词
    							</h5>
    							<div class="txt_00">
    								<strong>
    									{{wordIt.text}}
    								</strong>
    								<svg class="arrow__b_sNy" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M21.724 8.39a1.333 1.333 0 000 1.886l4.39 4.39H2.668a1.333 1.333 0 100 2.667h23.448l-4.391 4.39a1.333 1.333 0 001.886 1.887l6.666-6.667a1.333 1.333 0 000-1.886L23.61 8.39a1.333 1.333 0 00-1.886 0z"></path></svg>
    								<span>
    									{{wordIt.correctAdvice}}
    								</span>
    							</div>
    						</div>
    						<dl class="Ri">
    							<dt @click="AdoptFn('CORRECTION_WORD',wordIt.word_id)">
    								<svg class="checkIcon__XTcX6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M13.184 22.52l-7.98-7.896-1.407 1.422 9.534 9.434L27.27 8.638l-1.54-1.276z"></path></svg>
    							</dt>
    							<dd @click="IgnoreFn('CORRECTION_WORD',wordIt.word_id)">
    								<svg class="closeIcon__xRQmj" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M24.5 5.704l-8.5 8.5-8.5-8.5a1.272 1.272 0 00-1.796 0l-.162.199A1.273 1.273 0 005.704 7.5l8.5 8.5-8.5 8.5a1.272 1.272 0 000 1.796l.199.162c.492.325 1.164.27 1.597-.162l8.5-8.5 8.5 8.5a1.272 1.272 0 001.796 0l.162-.199a1.273 1.273 0 00-.162-1.596L17.796 16l8.5-8.5a1.272 1.272 0 000-1.796 1.272 1.272 0 00-1.795 0z"></path></svg>
    							</dd>
    						</dl>
    					</li>


    					<li v-show="curTabStr=='ALL_WORD'||curTabStr=='CORRECTION_PUNC'" v-for="(puncIt,puncIdx) in loginInfo['CORRECTION_PUNC']" :key="'puncIt_'+puncIdx">
    						<div class="Le">
    							<h5>
    								疑似标点误用
    							</h5>
    							<div class="txt_00">
    								<strong>
    									{{puncIt.text}}
    								</strong>
    								<svg class="arrow__b_sNy" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M21.724 8.39a1.333 1.333 0 000 1.886l4.39 4.39H2.668a1.333 1.333 0 100 2.667h23.448l-4.391 4.39a1.333 1.333 0 001.886 1.887l6.666-6.667a1.333 1.333 0 000-1.886L23.61 8.39a1.333 1.333 0 00-1.886 0z"></path></svg>
    								<span>
    									{{puncIt.correctAdvice}}
    								</span>
    							</div>
    						</div>
    						<dl class="Ri">
    							<dt @click="AdoptFn('CORRECTION_PUNC',puncIt.word_id)">
    								<svg class="checkIcon__XTcX6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M13.184 22.52l-7.98-7.896-1.407 1.422 9.534 9.434L27.27 8.638l-1.54-1.276z"></path></svg>
    							</dt>
    							<dd @click="IgnoreFn('CORRECTION_PUNC',puncIt.word_id)">
    								<svg class="closeIcon__xRQmj" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M24.5 5.704l-8.5 8.5-8.5-8.5a1.272 1.272 0 00-1.796 0l-.162.199A1.273 1.273 0 005.704 7.5l8.5 8.5-8.5 8.5a1.272 1.272 0 000 1.796l.199.162c.492.325 1.164.27 1.597-.162l8.5-8.5 8.5 8.5a1.272 1.272 0 001.796 0l.162-.199a1.273 1.273 0 00-.162-1.596L17.796 16l8.5-8.5a1.272 1.272 0 000-1.796 1.272 1.272 0 00-1.795 0z"></path></svg>
    							</dd>
    						</dl>
    					</li>


    					<li v-show="curTabStr=='ALL_WORD'||curTabStr=='CORRECTION_POLITICS'" v-for="(CORR_POLIt,CORR_POLIdx) in loginInfo['CORRECTION_POLITICS']" :key="'CORR_POLIt_'+CORR_POLIdx">
    						<div class="Le">
    							<h5>
    								疑似领导人信息错误
    							</h5>
    							<div class="txt_00">
    								<strong>
    									{{CORR_POLIt.text}}
    								</strong>
    								<svg class="arrow__b_sNy" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M21.724 8.39a1.333 1.333 0 000 1.886l4.39 4.39H2.668a1.333 1.333 0 100 2.667h23.448l-4.391 4.39a1.333 1.333 0 001.886 1.887l6.666-6.667a1.333 1.333 0 000-1.886L23.61 8.39a1.333 1.333 0 00-1.886 0z"></path></svg>
    								<span>
    									{{CORR_POLIt.correctAdvice}}
    								</span>
    							</div>
    						</div>
    						<dl class="Ri">
    							<dt @click="AdoptFn('CORRECTION_POLITICS',CORR_POLIt.word_id)">
    								<svg class="checkIcon__XTcX6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M13.184 22.52l-7.98-7.896-1.407 1.422 9.534 9.434L27.27 8.638l-1.54-1.276z"></path></svg>
    							</dt>
    							<dd @click="IgnoreFn('CORRECTION_POLITICS',CORR_POLIt.word_id)">
    								<svg class="closeIcon__xRQmj" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M24.5 5.704l-8.5 8.5-8.5-8.5a1.272 1.272 0 00-1.796 0l-.162.199A1.273 1.273 0 005.704 7.5l8.5 8.5-8.5 8.5a1.272 1.272 0 000 1.796l.199.162c.492.325 1.164.27 1.597-.162l8.5-8.5 8.5 8.5a1.272 1.272 0 001.796 0l.162-.199a1.273 1.273 0 00-.162-1.596L17.796 16l8.5-8.5a1.272 1.272 0 000-1.796 1.272 1.272 0 00-1.795 0z"></path></svg>
    							</dd>
    						</dl>
    					</li>

    					<li v-show="curTabStr=='ALL_WORD'||curTabStr=='CENSOR_POLITICS'" v-for="(CENS_POLIt,CENS_POLIdx) in loginInfo['CENSOR_POLITICS']" :key="'CENS_POLIt_'+CENS_POLIdx">
    						<div class="Le">
    							<h5 v-if="CENS_POLIt.hintTypes=='CENSOR_POLITICS'">
    								疑似涉政
    							</h5>
    							<h5 v-else>
    								疑似广告
    							</h5>
    							<div class="txt_01">
    								{{CENS_POLIt.text}}
    							</div>
    						</div>
    						<dl class="Ri">
    							<dd @click="IgnoreFn('CENSOR_POLITICS',CENS_POLIt.word_id)">
    								<svg class="closeIcon__xRQmj" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32" fill="currentColor"><path d="M24.5 5.704l-8.5 8.5-8.5-8.5a1.272 1.272 0 00-1.796 0l-.162.199A1.273 1.273 0 005.704 7.5l8.5 8.5-8.5 8.5a1.272 1.272 0 000 1.796l.199.162c.492.325 1.164.27 1.597-.162l8.5-8.5 8.5 8.5a1.272 1.272 0 001.796 0l.162-.199a1.273 1.273 0 00-.162-1.596L17.796 16l8.5-8.5a1.272 1.272 0 000-1.796 1.272 1.272 0 00-1.795 0z"></path></svg>
    							</dd>
    						</dl>
    					</li>


    				</ul>


    			</div>

    		</div>

    	</div>
    	<div class="R">
    		<ul class="Rt" :class="{'c_00':is_c_00}">
    		    <li :class="{'c_01':curTabStr=='ALL_WORD'}" @click="rtBtn('ALL_WORD','全部建议')">
    				<span>
    					全部建议
    				</span>
    				<strong>
    					{{is_c_00?getALL_WORDLen:0}}
    				</strong>
    			</li>
    		    <li :class="{'c_01':curTabStr=='CORRECTION_WORD'}" @click="rtBtn('CORRECTION_WORD','字词纠错')">
    				<span>
    					字词纠错
    				</span>
    				<strong>
    					{{is_c_00?loginInfo.CORRECTION_WORD.length:0}}
    				</strong>
    			</li>
    		    <li :class="{'c_01':curTabStr=='CORRECTION_PUNC'}" @click="rtBtn('CORRECTION_PUNC','标点纠错')">
    				<span>
    					标点纠错
    				</span>
    				<strong>
    					{{is_c_00?loginInfo.CORRECTION_PUNC.length:0}}
    				</strong>
    			</li>
    		    <li :class="{'c_01':curTabStr=='CORRECTION_POLITICS'}" @click="rtBtn('CORRECTION_POLITICS','涉政纠错')">
    				<span>
    					涉政纠错
    				</span>
    				<strong>
    					{{is_c_00?loginInfo.CORRECTION_POLITICS.length:0}}
    				</strong>
    			</li>
    		    <li :class="{'c_01':curTabStr=='CENSOR_POLITICS'}" @click="rtBtn('CENSOR_POLITICS','敏感审核')">
    				<span>
    					敏感审核
    				</span>
    				<strong>
    					{{is_c_00?loginInfo.CENSOR_POLITICS.length:0}}
    				</strong>
    			</li>
    		</ul>

    	</div>

      <div @click="resize_btn_R" class="resize-btn_R" :class="{'xzBtn':is_w_Right_R}">
        <svg t="1655091944714" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4390" width="200" height="200"><path d="M326.5536 852.5824c110.3872-112.0256 219.3408-223.3344 329.3184-333.6192 13.824-13.9264 16.0768-20.8896 0.8192-35.9424-105.472-104.2432-209.6128-209.7152-314.6752-314.1632-11.264-11.264-14.7456-17.6128-0.8192-29.5936 19.5584-16.7936 37.0688-36.0448 54.784-54.784 7.3728-7.7824 11.776-10.0352 20.8896-0.9216C551.936 219.4432 687.4112 354.816 823.0912 489.984c8.192 8.192 8.704 12.6976 0.2048 21.1968A149528.7808 149528.7808 0 0 0 419.84 913.7152c-8.6016 8.6016-13.5168 10.4448-23.3472 1.1264-23.552-22.4256-48.5376-43.4176-69.9392-62.2592z" p-id="4391"></path></svg>
      </div>

    </div>

    <div v-if="is_w_Tip" class="w_tcMask">
    	<div class="w_tcPopBg">
    		<div class="w_tcPop">
    			<span>
    					{{write_text}}
    			</span>
    		</div>
    	</div>
    </div>

  </div>
</template>

<script>


  import Foot from "@/components/foot.vue"
  import Nav from "@/components/nav.vue";
  export default{
    name: 'Write',
    data(){
      return{
			  winWid:0,
			  winHei:0,
        write_text:"",
        is_w_Tip:false,
        r_con_wid:0,
        r_Left_wid:430,
        content:``,
        searchText:"",
        is_ShowMbNav:false,
        btnTagArr:[
            {
              name:"写作工作台",
              path:"/write"
            },
            {
              name:"热点发现",
              path:"/hot"
            },
            {
              name:"工具箱",
              path:"/magicBox"
            },
            {
              name:"会员特区",
              path:"/purchase"
            }
          ],
          R_path:"",
          myHost:"",
          mceCon:"",
          mce_ori_ConHtml:"",
          mce_new_ConHtml:"",
          mec_up_ConHtml:[],
          is_w_Left_R:false,
          is_w_Right_R:false,
          is_show_hot_con:false,
          is_show_search_con:false,
          hotCate:[
            "全网",
            "国内",
            "国际",
            "财经",
            "科技",
            "娱乐",
            "军事",
            "房产",
            "体育",
            "汽车",
            "游戏"
          ],
          hotCateIndex:0,
          hotTime:[
            {
              id:0,
              txt:"3日内"
            },
            {
              id:1,
              txt:"1周内"
            },
            {
              id:2,
              txt:"1个月内"
            },
          ],
          hotTimeIndex:0,
          hotListArr:[],
          hotConObj:{
            "title":"",
            "content":""
          },
          searchConObj:{
            "title":"",
            "content":""
          },

          searchList:[],
          searchTime:[
            {
              id:0,
              txt:"3日内"
            },
            {
              id:1,
              txt:"1周内"
            },
            {
              id:2,
              txt:"1个月内"
            },
          ],
          searchTimeIndex:0,
          searchPx:[
            {
              id:1,
              txt:"时间排序"
            },
            {
              id:2,
              txt:"热度排序"
            }
          ],
          searchPxIndex:1,
          word_title:"",
          //智能纠错,
          word_res_arr:[],

          //右边纠错框
          loginInfo:{
          	//"ALL_WORD":[],
          	"CORRECTION_WORD":[],
          	"CORRECTION_PUNC":[],
          	"CORRECTION_POLITICS":[],
          	"CENSOR_POLITICS":[]
          }, //接收ajax请求结果
          is_c_00:false,
          curTabStr:"",
          curTabText:"",
          is_Show_text:false,
          WORD_0_text:"",
          word_for:[
          	"CORRECTION_WORD",
          	"CORRECTION_PUNC",
          	"CORRECTION_POLITICS",
          	"CENSOR_POLITICS"
          ]

      }
    },
    components:{
      Nav,
      Foot
    },
    watch:{
      $route:{
          //https://blog.csdn.net/qq_40323256/article/details/101907326
      		handler:function(newVal,oldVal){
            this.isPcNavStr=newVal.path;
            this.R_path=newVal.path;
            //console.log("newVal.path:",newVal.path);
            if(newVal.path!=="/"){
              this.is_ins_nav=true;
            }else{
              this.is_ins_nav=false;
            }
      		},
      		deep:true,
          immediate:true
      },

      searchText:{
        handler:function(newVal,oldVal){
         // console.log("新查询文字：",newVal);
          //console.log("searchText",newVal.length);
          if(newVal.length==0){
             this.is_show_hot_con=false;
          }else{
            this.is_show_hot_con=true;
          }

        },
        deep:true,
        immediate:true
      },

      "$store.state.userInfo":{
        handler:function(newVal,oldVal){
          //console.log("新用户信息：",newVal);
          this.myInfo=newVal;
        },
        deep:true,
        immediate:true
      }
    },
    computed:{
      dotNickFn(val){
        return (val)=>{
          if(val.length>=12){
            return val.slice(0,12)+"***";
          }else{
            return val.slice(0,12);
          }

        }
      },
      getALL_WORDLen(){
      	return this.loginInfo.CORRECTION_WORD.length+this.loginInfo.CORRECTION_PUNC.length+this.loginInfo.CORRECTION_POLITICS.length+this.loginInfo.CENSOR_POLITICS.length;
      },
      sliceStr(str){
        return (val)=>{
          if(val.length>=20){
            return val.slice(0,20)+"...";
          }else{
            return val.slice(0,20);
          }
        }
      }
    },

    mounted() {
      let that=this;
      this.reSize();
      window.onresize=()=>{
          this.reSize();
      }

      that.w_initFn();
      that.myHost=window.location.host;
      //console.log("myHost:",that.myHost);

      that.hotListFn();
    },

    methods:{

      op_w_tcFn(x,y){
        let that=this;
        that.is_w_Tip=x;
        that.write_text=y;
      },

      resize_btn_R(){
        let that=this;
        if(that.is_w_Right_R){
          that.r_Left_wid=430;
          that.is_w_Right_R=false;
          that.allAdoptFn();
        }else{
          that.r_Left_wid=0;
          that.is_w_Right_R=true;
          that.is_c_00=true;
          that.curTabStr="ALL_WORD";
          that.curTabText="全部建议";
        }
      },


      setWordCon(){
        let that=this;
        if(that.is_show_hot_con){
          //console.log("is_show_hot_con:",that.is_show_hot_con);
          that.word_title=that.hotConObj["title"];
          that.setMceFn(that.hotConObj["content"]);
        }

        if(that.is_show_search_con){
          //console.log("is_show_search_con:",that.is_show_search_con);
          that.word_title=that.searchConObj["title"];
          that.setMceFn(that.searchConObj["content"]);

        }
      },
      go_search_back(){
        this.is_show_search_con=false;
      },
      go_hot_back(){
        this.is_show_hot_con=false;
      },
      cateBtn(val){
        let that=this;
        this.hotCateIndex=val;
        that.hotListFn();
      },
      hotTimeBtn(val){
        let that=this;
        this.hotTimeIndex=val;
        that.hotListFn();
      },
      searchTimeBtn(val){
        let that=this;
        this.searchTimeIndex=val;
        that.searchListFn();
      },
      searchPxBtn(val){
        let that=this;
        this.searchPxIndex=val;
        that.searchListFn();
      },
      resize_btn(){
        let that=this;
        if(that.is_w_Left_R){
          that.r_con_wid=0;
          that.is_w_Left_R=false;
        }else{
          that.r_con_wid=480;
          that.is_w_Left_R=true;
        }
      },

      hotConReq(str){
        let that=this;
        //console.log("文章链接：",str);
        that.hotContentFn(str);
      },
      searchConReq(str){
        let that=this;
        //console.log("文章链接：",str);
        that.searchConFn(str);
      },

      // 资讯内容
      searchConFn(val){
        let that=this;
        that.is_show_search_con=true;
        this.$request.writePost(
          "/api/aiWriting/content",
          {
            url:val
          },
          {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        )
        .then(res=>{
          //console.log("咨询内容请求成功：",res);
          if(res.data.code==200){
            let myTitle=res.data.data.title;
            let myTitle_start=myTitle.indexOf("<p>")+3;
            let myTitle_end=myTitle.indexOf("</p>");
            myTitle=myTitle.slice(myTitle_start,myTitle_end);
            let myContent=res.data.data.content;
            let myContent_start=myContent.indexOf("<body>")+6;
            let myContent_end=myContent.indexOf("</body>");
            myContent=myContent.slice(myContent_start,myContent_end);
            //console.log("myTitle;",myTitle);
            //console.log("myTitle_start:",myTitle_start,"myTitle_end:",myTitle_end);
            //console.log("myContent;",myContent);


            that.searchConObj["title"]=myTitle;
            that.searchConObj["content"]=myContent;

          }

        })
         .catch((err)=>{
         	console.log("咨询内容请求失败：",err);
         });

      },


      // 热点内容
      hotContentFn(val){
        let that=this;
        that.is_show_hot_con=true;
        this.$request.writePost(
          "/api/aiWriting/content",
          {
            url:val
          },
          {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        )
        .then(res=>{
          //console.log("热点内容请求成功：",res);
          if(res.data.code==200){
            let myTitle=res.data.data.title;
            let myTitle_start=myTitle.indexOf("<p>")+3;
            let myTitle_end=myTitle.indexOf("</p>");
            myTitle=myTitle.slice(myTitle_start,myTitle_end);
            let myContent=res.data.data.content;
            let myContent_start=myContent.indexOf("<body>")+6;
            let myContent_end=myContent.indexOf("</body>");
            myContent=myContent.slice(myContent_start,myContent_end);
            //console.log("myTitle;",myTitle);
            //console.log("myTitle_start:",myTitle_start,"myTitle_end:",myTitle_end);
            //console.log("myContent;",myContent);


            that.hotConObj["title"]=myTitle;
            that.hotConObj["content"]=myContent;

          }

        })
         .catch((err)=>{
         	console.log("热点内容请求失败：",err);
         });

      },

      // 主题搜索结果
      searchListFn(){
        let that=this;
        that.op_w_tcFn(true,"加载中...");
        this.$request.writePost(
          "/api/aiWriting/search",
          {
            q:that.searchText,
            date:that.searchTimeIndex,
            sort:that.searchPxIndex
          },
          {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        )
        .then(res=>{
          //console.log("资讯搜索请求成功：",res);
              that.op_w_tcFn(false,"");
          if(res.data.code==200){
            this.$bus.$emit("toastEvent","加载成功!");
            that.searchList=res.data.data.items;
          }

        })
         .catch((err)=>{
           that.op_w_tcFn(false,"");
            this.$bus.$emit("toastEvent","请求失败!");
         	//console.log("资讯搜索请求失败：",err);
         });
      },

      // 热点列表
      hotListFn(){
        let that=this;
        this.$request.writePost(
          "/api/aiWriting/hotList",
          {
            date:that.hotTime[that.hotTimeIndex],
            domain:that.hotCate[that.hotCateIndex],
            limit:50
          },
          {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        )
        .then(res=>{
          if(res.data.code==200){
            that.hotListArr=res.data.data;

          //console.log("热点列表请求成功：",that.hotListArr);
          }

        })
         .catch((err)=>{
         	console.log("热点列表请求失败：",err);
         });

      },

      testFn(){
        let that=this;
         that.mce_ori_ConHtml="";
         that.mce_new_ConHtml="";
         that.mceCon="";
         that.word_res_arr=[];
         that.mce_ori_ConHtml=tinymce.activeEditor.getContent();
         that.mce_new_ConHtml=tinymce.activeEditor.getContent();
         that.mceCon=tinymce.activeEditor.getContent({'format':'text'});


         // console.log(that.mce_ori_ConHtml.split("<p>&nbsp;</p>"));

         // for(let i of that.mce_ori_ConHtml.split("\n")){
         //   // if(i!=="<p>&nbsp;</p>"){
         //   //    that.mec_up_ConHtml.push(i);
         //   //    console.log("i:",i);
         //   // }

         //   console.log("i:",i);
         // }

         // //转换成数组
         // that.mceCon=that.mceCon.split(/[(\r\n)\r\n]+/); // .split(/[(\r\t)\r\t]+/)
         // // //删除空项

         // that.mceCon.forEach((item,index)=>{

         //       if(!item){
         //           that.mceCon.splice(index,1);
         //       }
         // })


         //console.log("未格式化的html:",that.mce_ori_ConHtml);



         //console.log("传参数必须用这个格式化的纯文本:",that.mceCon);
         //console.log("that.mec_up_ConHtml:",that.mec_up_ConHtml);

      },

      intel_correct(){
        let that=this;
        //console.log("智能纠错~");
        that.mce_ori_ConHtml="";
        that.mce_new_ConHtml="";
        that.mceCon="";
        that.word_res_arr=[];
        that.mceCon=tinymce.activeEditor.getContent({'format':'text'});
        that.op_w_tcFn(true,"检测中...");

        this.$request.writePost(
            "/api/aiWriting/correction",
            {
              text:that.mceCon
            },
            {
              'Content-Type': 'application/x-www-form-urlencoded'
            }
          )
          .then(res=>{
            //console.log("智能纠错请求成功：",res);
              that.op_w_tcFn(false,"");
            if(res.data.code==200){

              that.mce_ori_ConHtml=tinymce.activeEditor.getContent();
              that.mce_new_ConHtml=that.mce_ori_ConHtml;
              let word_res_arr=[];
              word_res_arr=res.data.data.sections;


                for(let i in word_res_arr){
                  //console.log(word_res_arr[i].items);
                  if(word_res_arr[i].items.length!==0){
                    for(let j in word_res_arr[i].items){
                      let curText=word_res_arr[i].items[j].text;
                      word_res_arr[i].items[j]["word_id"]=i+"_"+j;
                      let html_str_start;
                      let html_str_start_text;
                      let html_str_end_text;

                      if(that.mce_ori_ConHtml.indexOf(word_res_arr[i].items[j].text)!==-1){
                        html_str_start=that.mce_ori_ConHtml.indexOf(word_res_arr[i].items[j].text);
                        html_str_start_text=that.mce_ori_ConHtml.slice(0,html_str_start);
                        html_str_end_text=that.mce_ori_ConHtml.slice((html_str_start+curText.length));
                        //console.log("旧html：",that.mce_ori_ConHtml);
                        //console.log("=====================  分割线  =====================");
                        //console.log("新html：",that.mce_new_ConHtml);

                        //console.log("上文__________:",html_str_start_text);
                        //console.log("=====================  分割文字是 "+curText+" =====================");
                        //console.log("下文__________:",html_str_end_text);

                        that.mce_new_ConHtml=html_str_start_text+
                                             "<span class='changeWord'><font id='"+(i+"_"+j)+"' class='"+word_res_arr[i].items[j].hintTypes[0]+"'>"+
                                              curText+
                                             "</font></span>"+html_str_end_text;

                        that.mce_ori_ConHtml=that.mce_new_ConHtml;


                        that.word_res_arr.push(word_res_arr[i].items[j]);

                        that.setMceFn(that.mce_new_ConHtml);
                      }
                    }


                  }


                }

                console.log("错字数组：",that.word_res_arr);

                // 关左边
                that.r_con_wid=0;
                that.is_w_Left_R=false;

                // 开右边
                that.r_Left_wid=0;
                that.is_w_Right_R=true;


                that.is_c_00=true;
                that.curTabStr="ALL_WORD";
                that.curTabText="全部建议";

            }else if(res.data.code==500){
                  that.op_w_tcFn(false,"");
                  this.$bus.$emit("toastEvent","请求失败!");
                }

              that.initRightData();



          })
           .catch((err)=>{
           	console.log("智能纠错请求失败：",err);
           });

      },

      save_writeFn(x,y){
        let that=this;
        that.getMceFn();
        // if(window.localStorage.getItem("u_Token")!==null){
        //   let my_token = window.localStorage.getItem("u_Token");

        //   this.$request.writePost(
        //     "/api/TextRewrite",
        //     {
        //       level:"v2",
        //       text:that.mceCon,
        //       token:my_token
        //     },
        //     {
        //       'Content-Type': 'application/json'
        //     }
        //   ).then(res=>{
        //       console.log("文章提交请求:",res);
        //   })
        //   .catch(err=>{

        //   });

        // }else{

        // }
      },
      getMceFn(){
        let that=this;

        that.mceConHtml=tinymce.activeEditor.getContent();
        that.mceCon=tinymce.activeEditor.getContent({'format':'text'});

        //that.mceCon=tinymce.dom.Selection.getSel("#tinydemo-doc");
        console.log("容器元素：",tinymce.activeEditor.getBody()); //获取编辑区的HTML

        console.log("文章内容_文本:",that.mceCon);
        console.log("文章内容_HTML:",that.mceConHtml);
      },
      setMceFn(val){
        let that=this;
        tinymce.activeEditor.setContent(val);
      },

      onCopy(){
      	this.$bus.$emit("toastEvent","复制成功!");
      },
      onError(){
      	this.$bus.$emit("toastEvent","复制失败!");
      },

      mbNavBtnFn(){
        let that=this;
        that.is_ShowMbNav=!that.is_ShowMbNav;
      },
      mb_tzFn(val){
        let that=this;
        that.tz(val);
        that.is_ShowMbNav=false;
      },
      loginOut(){
        let that=this;
        this.$request.post(
          "/user/logout",
          {

          },
          {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        )
        .then(res=>{
          console.log("退出登录请求成功：",res);
          if(res.data.code==200){
            window.localStorage.removeItem("u_Token");
            window.localStorage.removeItem("u_Info");

            that.myInfo={
                          avatar: "http://user.miyun.info/static/images/avatar.png",
                          balance: "0.00",
                          coin: 0,
                          id: 13,
                          is_email: 0,
                          is_loginEd: true,
                          is_mobile: 0,
                          is_password: 0,
                          level: 0,
                          mobile: "15245684561",
                          nickname: "一顿胖三斤",
                          platform: 3,
                          score: 0,
                          total_amount: "0.00",
                          username: "一顿胖三斤",
                          is_loginEd:false
                        };
              this.$store.commit("updateU_Info",that.myInfo);

              this.$bus.$emit("toastEvent",res.data.msg,()=>{
                this.tz("/");
                this.$bus.$emit("tcAccountPopEvent",true);
              });

          }

        })
         .catch((err)=>{
         	console.log("退出登录请求失败：",err);
         });
      },


      w_initFn(){
        tinymce.init({
                          selector: '#tinydemo-doc',
                          language:'zh_CN',
                          menubar:false,
                          inline: true,
                          plugins: 'print preview searchreplace autolink fullscreen image link media code codesample table charmap hr pagebreak nonbreaking anchor advlist lists textpattern help emoticons autosave axupimgs',
                          toolbar: 'code undo redo restoredraft | cut copy | forecolor backcolor bold italic underline strikethrough link | alignleft aligncenter alignright alignjustify | bullist numlist blockquote subscript superscript removeformat | \
                                              formatselect | \
                                              table image | axupimgs',//
                          fixed_toolbar_container:'#doc-app .toolbar',
                          custom_ui_selector: 'body',
                          placeholder:'开始书写',
                          auto_focus: true,
                          advlist_bullet_styles: 'square',
                          advlist_number_styles: 'lower-alpha,lower-roman,upper-alpha,upper-roman',
                          toolbar_mode : 'wrap',
                          toolbar_sticky: true,
                          autosave_ask_before_unload: true,
                          fontsize_formats: '12px 14px 16px 18px 24px 36px 48px 56px 72px',
                          font_formats: '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;苹果苹方=PingFang SC,Microsoft YaHei,sans-serif;宋体=simsun,serif;仿宋体=FangSong,serif;黑体=SimHei,sans-serif;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;知乎配置=BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;小米配置=Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif',
                          // images_upload_base_path: '/demo',
                          // images_upload_handler: function (blobInfo, succFun, failFun) {
                          //     succFun('/demo/images/img.jpg');
                          // },
                          // init_instance_callback: function(editor){
                          //     editor.execCommand('selectAll');
                          //     editor.selection.getRng().collapse(false);
                          //     editor.focus();
                          // }

                          setup:function(editor){
                            editor.on('click',function(e){
                              // console.log('click',e.level.content);
                              console.log("获取被单击的内容:",tinymce.activeEditor.selection.getNode().parentNode.innerHTML);
                              //console.log("selection.getEnd():",tinymce.activeEditor.selection.getEnd());
                              console.log("当前id值：",tinymce.activeEditor.selection.getNode().id);

                            });
                            //tinymce.activeEditor.selection.getNode().nodeName
                            // editor.addCommand('mycommand', function(ui, v) {
                            //          editor.windowManager.alert('Hello world!! Selection: ' + editor.selection.getContent({format: 'text'}));
                            //       });
                          }

                      }).then(function(res){console.log(res)});

      },
      w_ChangeFn(){
        let that=this;
        console.log("content:",this.content);
      },
      reSize(){
        this.getWinWid();
        this.getWinHei();
      },
      getWinWid(){
        this.winWid=document.documentElement.clientWidth||document.body.clientWidth;
      },
      getWinHei(){
        this.winHei=document.documentElement.clientHeight||document.body.clientHeight;
      },
      showAccountPop(){
        let that=this;
        this.$bus.$emit("tcAccountPopEvent",true);
      },

      //右侧操作框
      AdoptFn(str,pars){
        let that=this;
        console.log("str111："+str+"  pars："+pars);
        console.log("that.loginInfo_before:",that.loginInfo);

        // if(str="CORRECTION_WORD"){
        // }

        for(let j in that.loginInfo[str]){
        	if(that.loginInfo[str][j].word_id==pars){
              document.getElementById(that.loginInfo[str][j].word_id).parentNode.innerHTML=that.loginInfo[str][j].correctAdvice;
        	    that.loginInfo[str].splice(j,1);
        	}
        }
      },
      IgnoreFn(str,pars){
        let that=this;
        //console.log("str："+str+"  pars："+pars);
        //console.log("要循环的数组：",that.loginInfo[str]);
        for(let i in that.loginInfo[str]){
      	  if(that.loginInfo[str][i]["word_id"]===pars){
      		  //console.log("要删掉的所在索引值：",i);
            document.getElementById(that.loginInfo[str][i].word_id).parentNode.innerHTML=that.loginInfo[str][i].text;
      		  that.loginInfo[str].splice(i,1);
      	  }
        }
      },

      allAdoptFn(){
      	//alert("allAdoptFn")
      	let that=this;
      	console.log("that.loginInfo_before:",that.loginInfo);

      	 if(that.curTabStr=='ALL_WORD'){
      		 for(let k in that.word_for){
             for(let myIt in that.loginInfo[that.word_for[k]]){
               document.getElementById(that.loginInfo[that.word_for[k]][myIt].word_id).parentNode.innerHTML=that.loginInfo[that.word_for[k]][myIt].correctAdvice;
             }
      			 that.loginInfo[that.word_for[k]]=[];
      		 }
      	 }else{
           for(let myIt in that.loginInfo[that.curTabStr]){
             document.getElementById(that.loginInfo[that.curTabStr][myIt].word_id).parentNode.innerHTML=that.loginInfo[that.curTabStr][myIt].correctAdvice;
           }
      		 that.loginInfo[that.curTabStr]=[];
      	 }

      	this.curTabStr='';
      },

      allIgnoreFn(){
      	let that=this;
      	console.log("curTabStr:",that.curTabStr);

      	if(that.curTabStr=="ALL_WORD"){

          for(let k in that.word_for){
              for(let myIt in that.loginInfo[that.word_for[k]]){
                document.getElementById(that.loginInfo[that.word_for[k]][myIt].word_id).parentNode.innerHTML=that.loginInfo[that.word_for[k]][myIt].text;
              }
            that.loginInfo[that.word_for[k]]=[];
          }



      	}else{

          for(let myIt in that.loginInfo[that.curTabStr]){
              document.getElementById(that.loginInfo[that.curTabStr][myIt].word_id).parentNode.innerHTML=that.loginInfo[that.curTabStr][myIt].text;
          }

          that.loginInfo[that.curTabStr]=[];
        }
      	that.curTabStr='';
      },

      initRightData(){
      	    let that=this;
      	    console.log("原始数据：",that.word_res_arr);

      		let oriArr=[];
      		for(let i in that.word_res_arr){
      			oriArr=oriArr.concat(that.word_res_arr[i]);
      		}

      		for(let i in oriArr){
      			oriArr[i]["modifyAble"]=true;
      			if(oriArr[i].hintTypes[0]==="CORRECTION_WORD"||oriArr[i].hintTypes[0]==="CORRECTION_CHAR"){

      				oriArr[i]["id"]="WORD_"+i;
      				that.loginInfo["CORRECTION_WORD"]=that.loginInfo["CORRECTION_WORD"].concat(oriArr[i]);

      			}else if(oriArr[i].hintTypes[0]==="CORRECTION_PUNC"){

      				oriArr[i]["id"]="PUNC_"+i;
      				that.loginInfo["CORRECTION_PUNC"]=that.loginInfo["CORRECTION_PUNC"].concat(oriArr[i]);

      			}else if(oriArr[i].hintTypes[0]==="CORRECTION_POLITICS"){

      				oriArr[i]["id"]="CORR_POL_"+i;
      				that.loginInfo["CORRECTION_POLITICS"]=that.loginInfo["CORRECTION_POLITICS"].concat(oriArr[i]);

      			}else if(oriArr[i].hintTypes[0]==="CENSOR_POLITICS"||oriArr[i].hintTypes[0]==="CENSOR_ADVERT"){

      				oriArr[i]["id"]="CENSOR_POL_"+i;
      				that.loginInfo["CENSOR_POLITICS"]=that.loginInfo["CENSOR_POLITICS"].concat(oriArr[i]);

      			}
      		}

      	    console.log("that.loginInfo:",that.loginInfo);

      },

      rtBtn(val,text){
      	let that=this;
      	if(that.is_c_00){
      	  that.curTabStr=val;
      	  that.curTabText=text;
      	}
      }

    }
  }
</script>

<style lang="less" scoped="scoped">
  @import "../assets/css/reset.css";
  @import "../assets/css/write.less";
  .doc_app_top{
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    .import{
        margin-left: 15px;
      dt{
        background: #000;
        height: 28px;
        line-height: 28px;
        color: #fff;
        font-size: 15px;
        min-width: 60px;
        padding: 0 10px;
        cursor: pointer;
      }
    }
  }

  .w_fixed{
    position: fixed;
    right: 80px;
    bottom: 40px;
    li{
      display: flex;
      flex-direction: row;
      border-radius: 25px;
      background: #fff;
      width: 125px;
      padding-left: 15px;
      height: 40px;
      box-shadow: 0 0 10px #ccc;
      align-items: center;
      margin: 20px 0;
      cursor: pointer;
      opacity: .6;
      transition: .3s;
      img{
        display: block;
        width: 24px;
        height: 24px;
      }
      span{
        display: block;
        height: 24px;
        line-height: 24px;
        color: #4a25ba;
        font-size: 16px;
        font-weight: bolder;
        margin-left: 10px;
      }
    }

    li:hover{
      opacity: 1;
    }
  }


@media screen and (max-width:1280px){
  .w_fixed{
    right: 80px;
    li{
      padding: 0px 8px;
      width: auto;
      span{
        display: none;
      }
    }
  }
}
</style>
